\n \n \n );\n}\n","import { useSelector } from 'react-redux';\nimport { RootState } from '@/lib/store';\nimport useTranslation from 'next-translate/useTranslation';\nimport { useToggle } from '@starsoft/common/hooks';\nimport { AnimatePresence } from 'framer-motion';\nimport OrderByProvidersProvidersCard from './ProvidersCard';\nimport styles from './styles.module.scss';\n\nexport default function OrderByProvidersButton() {\n const { t } = useTranslation('common');\n const [isOpen, toggle] = useToggle();\n const providers: bigint[] = useSelector(\n (state: RootState) => state.casino.providersList,\n );\n\n return (\n \n
\n \n {t('tab_providers')} {providers.length > 0 && `(${providers.length})`}\n \n\n \n \n\n \n {isOpen && }\n \n \n {t('suplier_label')}\n\n \n
\n );\n}\n","import OrderByProviders from '../../CasinoGameList/OrderByProviders';\nimport { GameTagFilter } from '@/models/games/game-tag-filter.enum';\nimport { useRouter } from 'next/router';\n\nexport default function OrderByProvidersRenderer() {\n const { query } = useRouter();\n const tag: GameTagFilter | undefined = query.tag as GameTagFilter;\n\n if (tag === GameTagFilter.Originals) {\n return null;\n }\n\n return ;\n}\n","import styles from './styles.module.scss';\nimport { useDispatch, useSelector } from 'react-redux';\nimport useTranslation from 'next-translate/useTranslation';\nimport { useEffect, useMemo } from 'react';\nimport { handleResetAll } from '@/lib/store/casino/actions';\nimport OrderByProvidersRenderer from '../OrderByProvidersRenderer';\nimport { Navigate, NavigationBreadcrumbs } from '@starsoft/common/components';\nimport { GameTagFilter } from '@/models/games/game-tag-filter.enum';\nimport { useRouter } from 'next/router';\nimport { RootState } from '@/lib/store';\n\nexport default function GametagHeaderInfo() {\n const { query } = useRouter();\n const tag: GameTagFilter | undefined = query.tag as GameTagFilter;\n\n const gameTags = useSelector((state: RootState) => state.gameTags.gameTags);\n\n const dispatch = useDispatch();\n const { t } = useTranslation('common');\n\n const page = useMemo(\n () => gameTags.find(gameTag => gameTag?.slug == tag),\n [tag, gameTags],\n );\n\n function resetCasino() {\n return () => {\n dispatch(handleResetAll());\n };\n }\n\n useEffect(resetCasino, [tag, dispatch]);\n\n if (!page) {\n return ;\n }\n\n return (\n \n 81\n ? page?.name\n : t(t(`game-tag:${page?.id}.name`) ?? 'tab_all', {\n app_provider: process.env.NEXT_PUBLIC_BET_NAME,\n })\n }\n />\n\n \n
\n );\n}\n","import GameSearchInput from '../../GameSearchInput';\nimport styles from './styles.module.scss';\nimport GameCategoryHeaderInfo from './Info';\n\nexport default function GameCategoryHeader() {\n return (\n \n \n \n
\n );\n}\n","import { prefetchGames } from '@/api/games/queries/useGames/prefetch';\nimport Layout from '@/components/core/Layout';\nimport CasinoGameList from '@/components/Slots/SlotsCategory/CasinoGameList';\nimport GameCategoryHeader from '@/components/Slots/SlotsCategory/GameCategoryHeader';\nimport { Language } from '@/enums/language';\nimport { GetServerSidePropsResultWithMetadataAndServerState } from '@/interfaces/pages/getServerSidePropsResultWithMetadataAndDehydratedState';\nimport { SSRCookies } from '@/interfaces/ssr-cookies.interface';\nimport { generateCasinoMetadata } from '@/lib/metadata';\nimport { mainPrefetchs } from '@/lib/prefetch';\nimport { GameTagFilter } from '@/models/games/game-tag-filter.enum';\nimport { fetchServerSideGameTags } from '@/serverApi/game-tags';\nimport { dehydrate, QueryClient } from '@tanstack/react-query';\nimport { GetServerSidePropsContext } from 'next';\n\nexport default function GameTagPage() {\n return (\n \n \n \n \n );\n}\n\nexport async function getServerSideProps({\n locale,\n params,\n req,\n}: GetServerSidePropsContext): Promise<\n GetServerSidePropsResultWithMetadataAndServerState<{ tag: string }>\n> {\n const queryClient = new QueryClient();\n const gameTags = await fetchServerSideGameTags();\n\n const selectedTag = gameTags?.find(_tag => _tag?.slug == params?.tag);\n\n const [metadata] = await Promise.all([\n generateCasinoMetadata({\n lang: locale as Language,\n title: `game-tag:${selectedTag?.id}.name`,\n follow: true,\n path: `/games/tag/${selectedTag?.slug}`,\n description: `game-tag:${selectedTag?.id}.tag_description`,\n }),\n prefetchGames(queryClient, {} as SSRCookies, {\n limit: 50,\n query: '',\n tag: params?.tag as unknown as GameTagFilter,\n }),\n mainPrefetchs({\n queryClient,\n req,\n }),\n ]);\n\n return {\n props: {\n metadata: JSON.stringify(metadata),\n dehydratedState: dehydrate(queryClient),\n tag: params?.tag as string,\n },\n };\n}\n","import { CheckboxProps } from './props';\nimport styles from './styles.module.scss';\n\n/**\n * A customizable checkbox component that can be checked/unchecked and show loading state\n *\n * @component\n * @param {Object} props - Component props\n * @param {boolean} props.isChecked - Whether the checkbox is checked\n * @param {() => void} props.onClick - Click handler function\n * @param {boolean} props.isLoading - Whether to show loading skeleton state\n * @param {boolean} props.isLarge - Whether to use large size variant\n * @param {boolean} props.disabled - Whether the checkbox is disabled\n * @returns {JSX.Element} Checkbox component or loading skeleton\n */\nexport function Checkbox({\n isChecked,\n onClick,\n isLoading,\n isLarge,\n disabled,\n}: CheckboxProps) {\n // Show loading skeleton if isLoading is true\n if (isLoading) {\n return (\n \n );\n }\n\n // Render checkbox with conditional styling based on state\n return (\n \n \n \n );\n}\n","import { useSettingsStore } from '@starsoft/common/hooks';\nimport { NavigateProps } from './props';\n\n/**\n * Navigate Component\n * A wrapper component that renders a router Navigate component based on the current settings.\n * Uses the router Navigate component defined in the settings store.\n * Returns null if no Navigate component is configured.\n *\n * @component\n * @param {NavigateProps} props - Props to be passed to the underlying Navigate component\n * @returns {JSX.Element|null} The rendered Navigate component or null if not configured\n *\n * @example\n * // Navigate to a new route\n * \n *\n * // Navigate with state and replace\n * \n */\nexport function Navigate(props: NavigateProps) {\n const { state } = useSettingsStore();\n const Navigate = state.settings.router.Navigate;\n\n if (!Navigate) {\n return null;\n }\n\n return ;\n}\n","import { Variants } from 'framer-motion';\n\nexport const dropIn: Variants = {\n hidden: {\n y: -30,\n opacity: 0,\n pointerEvents: 'none',\n },\n visible: {\n y: 0,\n opacity: 1,\n transition: {\n duration: 0.25,\n type: 'spring',\n damping: 25,\n stiffness: 500,\n },\n pointerEvents: 'all',\n },\n exit: {\n y: -30,\n opacity: 0,\n transition: {\n duration: 0.25,\n type: 'spring',\n damping: 25,\n stiffness: 500,\n },\n pointerEvents: 'none',\n },\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport { UseInfiniteScrollProps } from './props';\nimport { debounce } from 'lodash';\n\n/**\n * Custom hook to implement infinite scrolling functionality within a container.\n * It listens to the scroll event and triggers a callback to load more content\n * when the user scrolls near the bottom of the container.\n *\n * @param {UseInfiniteScrollProps} props - The properties for the infinite scroll hook.\n * @param {boolean} props.hasMore - Indicates if there are more items to load.\n * @param {boolean} props.isLoading - Indicates if a loading operation is currently in progress.\n * @param {Function} props.loadMore - The function to call to load more items.\n * @param {boolean} [props.condition=true] - An additional condition to check before loading more items.\n * @param {boolean} [props.reverse=false] - If true, loads more items when scrolled to the top.\n *\n * @returns {Object} - An object containing a ref to attach to the scrollable container and a boolean indicating if the scroll is at the bottom.\n * @returns {React.RefObject} ref - A ref to attach to the scrollable container.\n * @returns {boolean} isAtBottom - A boolean indicating if the scroll is at the bottom of the container.\n *\n * Example usage:\n * const { ref, isAtBottom } = useInfiniteScroll({\n * hasMore: true,\n * isLoading: false,\n * loadMore: () => fetchMoreItems(),\n * condition: true,\n * reverse: false,\n * });\n */\nexport function useInfiniteScroll({\n hasMore,\n isLoading,\n loadMore,\n condition = true,\n reverse = false,\n}: UseInfiniteScrollProps) {\n // Reference to the scrollable container element\n const ref = useRef(null);\n // State to track the distance from the bottom of the container\n const [distanceBottom, setDistanceBottom] = useState(0);\n // State to track if the scroll is at the bottom of the container\n const [isAtBottom, setIsAtBottom] = useState(false);\n\n /**\n * Memoized scroll event listener that checks if more content should be loaded.\n * It uses lodash's debounce to limit the rate at which the function is called.\n */\n const scrollListener = useCallback(\n debounce(() => {\n if (ref && ref.current) {\n const scrollTop = ref?.current?.scrollTop;\n const bottom = ref.current?.scrollHeight - ref.current?.clientHeight;\n\n // Set the distance from the bottom if not already set\n if (!distanceBottom) {\n setDistanceBottom(Math.round(bottom * 0.2));\n }\n\n // Load more items if scrolled to the top and conditions are met\n if (scrollTop === 0 && hasMore && !isLoading && condition && reverse) {\n loadMore();\n }\n\n // Load more items if scrolled near the bottom and conditions are met\n if (\n scrollTop > bottom - distanceBottom &&\n hasMore &&\n !isLoading &&\n condition &&\n !reverse\n ) {\n loadMore();\n }\n\n // Update the isAtBottom state based on scroll position\n if (scrollTop > bottom - distanceBottom) {\n setIsAtBottom(true);\n } else {\n setIsAtBottom(false);\n }\n }\n }, 100),\n [hasMore, loadMore, isLoading, distanceBottom, reverse, condition, ref],\n );\n\n /**\n * Effect hook to add the scroll event listener when the component mounts\n * and remove it when the component unmounts.\n */\n useEffect(() => {\n if (!(ref && ref?.current)) {\n return;\n }\n const element = ref?.current;\n\n // Add scroll event listener\n element?.addEventListener('scroll', scrollListener);\n // Cleanup function to remove the event listener\n return () => {\n element?.removeEventListener('scroll', scrollListener);\n };\n }, [scrollListener, ref]);\n\n // Return the ref to the scrollable container and the isAtBottom state\n return {\n ref,\n isAtBottom,\n };\n}\n\nexport type { UseInfiniteScrollProps };\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container__text-skeleton\":\"styles_container__text-skeleton__ufnj_\",\"skeleton-animation\":\"styles_skeleton-animation__PKOEh\",\"container\":\"styles_container__5gVAX\",\"container__label\":\"styles_container__label__4BVTK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__1ifrP\",\"skeleton-animation\":\"styles_skeleton-animation__jA_Za\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__R6oe7\",\"container__button\":\"styles_container__button__591bj\",\"skeleton-animation\":\"styles_skeleton-animation__RvvlQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__X_bmR\",\"container__label\":\"styles_container__label__ONGvt\",\"skeleton-animation\":\"styles_skeleton-animation__DJBz3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__fVRPU\",\"skeleton-animation\":\"styles_skeleton-animation__Bp2VL\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__2G3bM\",\"skeleton-animation\":\"styles_skeleton-animation__s8zk6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeleton\":\"styles_skeleton__ZhhVL\",\"skeleton-animation\":\"styles_skeleton-animation__7TeNF\",\"checkbox\":\"styles_checkbox__Ct9_p\",\"checkbox--checked\":\"styles_checkbox--checked__4mpxe\",\"checkbox--large\":\"styles_checkbox--large__YsFTA\",\"checkbox--disabled\":\"styles_checkbox--disabled__47svz\",\"skeleton--large\":\"styles_skeleton--large___eBxv\"};"],"names":["window","__NEXT_P","push","__webpack_require__","CasinoGameList","isLoading","query","useRouter","tag","name","useSelector","state","casino","searchGame","providerIds","providersList","games","error","refetch","isFetchingNextPage","hasNextPage","fetchNextPage","useGames","limit","useInfiniteDocumentScroll","hasMore","loadMore","jsx_runtime","jsx","GameList","Content_Provider","memo","param","data","dispatch","useDispatch","providers","isChecked","useMemo","includes","id","jsxs","div","className","styles","Checkbox","onClick","handleProviderFilter","span","OrderByProvidersProviderCardContent","gameProviders","Providers","map","provider","Provider","concat","Skeletons","Array","from","length","_","i","ErrorCard","Fragment","OrderByProvidersProvidersCard","handleClose","useGameProviders","ref","useInfiniteScroll","useClickOutside","open","onClickOutside","customRef","m","variants","dropIn","initial","animate","exit","OrderByProvidersButton","t","useTranslation","isOpen","toggle","useToggle","button","disabled","AnimatePresence","OrderByProviders","OrderByProvidersRenderer","GameTagFilter","Originals","GametagHeaderInfo","gameTags","page","find","gameTag","slug","useEffect","handleResetAll","NavigationBreadcrumbs","to","lastPageLabel","currentPageLabel","app_provider","process","Navigate","replace","GameCategoryHeader","GameCategoryHeaderInfo","GameSearchInput","GameTagPage","Layout","disabledGap","isLarge","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","props","useSettingsStore","settings","router","hidden","y","opacity","pointerEvents","visible","transition","duration","type","damping","stiffness","condition","reverse","useRef","distanceBottom","setDistanceBottom","useState","isAtBottom","setIsAtBottom","scrollListener","useCallback","debounce","current","scrollTop","bottom","scrollHeight","clientHeight","Math","round","element","addEventListener","removeEventListener","module","exports"],"sourceRoot":""}